<%--
  Created by IntelliJ IDEA.
  User: dell
  Date: 2021/11/27
  Time: 23:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>做练习</title>
    <link rel="stylesheet" href="./layui/css/layui.css">
</head>
<body>

<!-- 你的 HTML 代码 -->
<div class="layui-body">
    <!-- 顶部 -->
    <!-- 内容主体区域 -->
    <br>
    <h1 style="font-size: 35px;">题目</h1>
    <br>
    <blockquote class="layui-elem-quote layui-text">
        <ul>
            <li>
                1. 1+1 = ?
                <br>
                <input type="checkbox"> A. 0</input>
                <br>
                    <%-- <span class="layui-badge-rim" id="1-B" onclick="tickB()"></span> --%>
                <input type="checkbox"> B. 1</input>
                <br>
                <input type="checkbox"> C. 2</input>
                <br>
                <input type="checkbox"> D. 3</input>
                <br>
                <%--    单考虑使用表单输入提交答案的情形，不用勾选选择答案。
                <div>
                    <form action="answer" method="" id="answForm">
                        请输入你的答案：<input type="text" name="answ" id="answ" ><br>
                        <span id="msg" style="font-size: 12px;color: #ff0000">${messageModel.msg}</span> <br>
                    </form>
                </div>
                --%>
            </li>
        </ul>
    </blockquote>
    <div class="layui-footer">
        <!-- 底部固定区域，提交按钮 -->
        <input type="button" class="layui-btn layui-btn-lg" id="pracBtn" style="float:left" value="提交">
    </div>
</div>
</body>
<script src="./layui/layui.js"></script>
<script>
    //打开页面处于正中的提示信息
    layui.use(['layer', 'form'], function(){
        var layer = layui.layer
            ,form = layui.form;
        layer.msg('Hey student');
    });

    //定义答案数组
    var ans = new Array();


    function tickA() {
        var t = document.getElementById("1-A");

        if (t.style.visibility == 'layui-hide'){
            t.style.visibility = 'layui-show';
        }else{
            t.style.visibility = 'hidden';
        }
    }
    <%--
    function tickB() {
        document.getElementById("1-B").innerText="√";
    }
    --%>
    function tickC() {
        document.getElementById("1-C").innerText="√";
    }
    function tickD() {
        document.getElementById("1-D").innerText="√";
    }

</script>
<%-- 引入Jquery的JS文件 --%>
<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
<%-- 此处使用到jQuery技术栈 --%>
<%--
<script type="text/javascript">
$(document).ready(function () {
        $()
    }

)
--%>
</script>
</body>
</html>

